= gitlab_ui_form_for [@project, @milestone], html: { class: 'milestone-form common-note-form js-quick-submit' } do |f|
  = form_errors(@milestone)

  - if @conflict
    = render 'shared/model_version_conflict', model_name: _('milestone'), link_path: project_milestone_path(@project, @milestone)

  - if @redirect_path.present?
    = f.hidden_field(:redirect_path, name: :redirect_path, id: :redirect_path, value: @redirect_path)
  .form-group
    = f.label :title, _('Title')
    = f.text_field :title, maxlength: 255, class: 'form-control gl-form-input', data: { testid: 'milestone-title-field' }, required: true, autofocus: true
  = render 'shared/milestones/form_dates', f: f
  .form-group
    = f.label :description, _('Description')
    - @gfm_form = true
    .js-markdown-editor{ data: { render_markdown_path: preview_markdown_path(@project),
                               markdown_docs_path: help_page_path('user/markdown.md'),
                               testid: 'milestone-description-field',
                               form_field_placeholder: _('Write milestone description...'),
                               supports_quick_actions: 'false',
                               enable_autocomplete: 'true',
                               autofocus: 'false',
                               form_field_classes: 'note-textarea js-gfm-input markdown-area' } }
      = f.hidden_field :description
    .clearfix
    .error-alert

  = f.hidden_field :lock_version

  - if @milestone.new_record?
    = f.submit _('Create milestone'), data: { testid: 'create-milestone-button' }, class: 'gl-mr-2 js-reset-autosave', pajamas_button: true
    = link_button_to _('Cancel'), project_milestones_path(@project)
  - else
    = f.submit _('Save changes'), class: 'gl-mr-2 js-reset-autosave', pajamas_button: true
    = link_button_to _('Cancel'), project_milestone_path(@project, @milestone)
